img {
  display: block;
  width: 100%;
}
body {
  background: #F5F5F5;
}
.bigBox {
  z-index: 10;
}
.picRoller {
  z-index: 30;
}
.back {
  z-index: 50;
}
.introBox {
  background: #fff;
  padding: 0 .16rem;
  padding-top: .25rem;
  margin-bottom: .18rem;
}
.introBox>p {
  font-size: 0;
}
.introBox .titleBox {
  margin-bottom: .12rem;
}
.introBox .title {
  font-size: 20px;
  font-weight: bold;
}
.introBox .subTitleBox {
  margin-bottom: .17rem;
}
.introBox .subTitle {
  font-size: 16px;
  font-weight: bold;
}
.introBox .newPrice {
  color: #E42121;
  font-size: 16px;
  font-weight: bold;
  margin-right: .12rem;
}
.introBox .oldPrice {
  color: #999999;
  font-size: 12px;
  margin-right: .13rem;
}
.introBox .volume {
  font-size: 12px;
  color: #999999;
}
/* end */

/* start */
.tipsBox {
  padding: .13rem .16rem;
  margin-bottom: .18rem;
}
.tipsBox p {
  font-size: 0;
}
.tipsBox p:first-child {
  margin-bottom: .09rem;
}
.tipsBox p span:first-child {
  font-size: 12px;
  color: #999999;
  margin-right: .1rem;
}
.tipsBox p span:last-child {
  font-size: 12px;
}
/* end */

/* start */
.commentBox {
  padding: 0 .16rem;
  margin-bottom: .18rem;
}
.commentBox>p {
  font-size: 0;
  padding: .12rem 0 .317rem;
}
.commentTitleBox {
  display: flex;
  justify-content: space-between;
}
.commentTitleBox span:first-child {
  font-size: 14px;
  font-weight: bold;
}
.commentTitleBox span:last-child {
  font-size: 12px;
  color: #999999;
}
.commentDetailBox {
  height: 2.8rem;
  overflow: hidden;
}
.commentHight {
  overflow: none;
  height: 145rem;
}
.commentDetail {
  margin-bottom: .12rem;
}
.commentDetail>p {
  font-size: 0;
}
.commentDetail .headImgText {
  display: flex;
  align-items: center;
  margin-bottom: .16rem;
}
.commentDetail .headImgText>span {
  display: inline-block;
}
.commentDetail .headImgText .headImg {
  width: .56rem;
  height: .56rem;
  margin-right: .12rem;
}
.commentDetail .headImgText .userName {
  font-size: 12px;
}
.commentDetail .content {
  font-size: 14px;
  margin-right: .32rem;
  margin-bottom: .18rem;
}
.commentDetail .pic {
  width: 1.44rem;
  height: 1.44rem;
  margin-bottom: .18rem;
}
.itemDetail {
  padding: 0 .16rem;
}
.itemDetail .title {
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  padding: .12rem 0 .13.5rem;
}
.purchaseBox1 {
  height: 1rem;
  width: 100%;
}
.purchaseBox {
  display: flex;
  padding: .12rem 0;
  /* margin: 0 .32rem; */
  justify-content: space-between;
  position: fixed;
  align-items: center;
  bottom: 0;
  width: 100%;
  background: #fff;
  height: .64rem;
}
.customerAndCollect {
  display: flex;
}
.customerService {
  margin-right: 0.15rem;
  margin-left: .16rem;
}

.customerService .pic,.collect .pic {
  width: .25rem;
  height: .25rem;
  margin: 0;
  padding-bottom: .1rem;
}
.customerService .text,.collect .text {
  color: #999999;
  font-size: 12px;
  margin: 0;
  text-align: center;
}
.purchaseBox .submit {
  display: flex;
  align-items: center;
  margin-right: .16rem;
}
.purchaseBox .submit>div {
  text-align: center;
  color: #fff;
  font-size: 16px;
  width: 1.06rem;
  height: .56rem;
  line-height: .56rem;
}
.purchaseBox .submit .addCart {
  background: #DDB75A;
}
.purchaseBox .submit .buy {
  background: #1B7373;
}

/* 购物选项 */
.backgroundWall {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 40;
}

/* 商品属性 */
.goodsOption {
  background: #fff;
  position: fixed;
  bottom: 0;
  height: 80.79%;
  width: 100%;
  z-index: 40;
}
.close {
  position: absolute;
  font-size: 20px;
  right: .12rem;
  top: .09rem;
}
.itemDetailBox {
  display: flex;
  margin-left: .12rem;
  padding: .14rem  0 0;
  margin-bottom: .36rem;
}
.itemDetailBox .pic {
  width: 2.16rem;
  /* height: 2.16rem; */
  margin-right: .08rem;
}
.itemDetailBox .content {
  margin-right: .685rem;
}
.itemDetailBox .content>p {
  margin: 0;
}
.itemDetailBox .content .title {
  font-size: 18px;
  font-weight: bold;
}
.itemDetailBox .content .price {
  font-size: 18px;
  font-weight: bold;
  color: #E42121;
}
.optBox {
  margin-left: .16rem;
  margin-bottom: .24rem;
}
.optBox .title {
  margin: 0 0 .13rem;
  font-size: 14px;
}
.optBox .optSelect {
  display: flex;
}
.optBox .optSelect .opt {
  padding: 10px;
  background: #F0F0F0; 
  font-size: 14px;
  color: #666666;
}
.optBox .optSelect .opt:first-child {
  margin-right: .12rem;
}
.optBox .optSelect .current {
  background: #1B7373;
  color: #fff;
}
.optBox .addOrMinus {
  font-size: 0;
  display: flex;
  align-items: center;
}
.optBox .addOrMinus .minus,.optBox .addOrMinus .add {
  width: .42rem;
  height: .42rem;
  background: #F0F0F0;
  line-height: .42rem;
  border: none;
  text-align: center;
}
.optBox .addOrMinus .num {
  display: inline-block;
  width: .52rem;
  height: .42rem;
  background: #F0F0F0;
  font-size: 14px;
  color: #E42121;
  font-weight: bold;
  line-height:.42rem;
  text-align: center;
  margin: 0 .12rem;
}
.goodsOption .submit {
  /* margin: 0 auto; */
  position: absolute;
  bottom: .29rem;
  width: 91.47%;
  left: 50%;
  transform: translate(-50%,0);
  height: .44rem;
  background: #1B7373;
  opacity: 1;
  line-height: .44rem;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
.goodsOption .box {
  height: 1rem;
  width: 100%;
}